<template>
  <div class="hotmovielists">
      <img :src="movieimg" alt="">
      <div class="movieitems">
          <p>{{moviename}} </p>
          <p>观众评<span>{{point}} </span> </p>
          <p>主演<span>{{actor}} </span> </p>
          <p>今天<span>{{num1}}</span>家影院放映<span>{{num2}}</span>场  </p>
      </div>
      <span class="span">购票</span>
      
  </div>
</template>

<script>
export default {
    props:["moviename","movieimg","point","actor","num1","num2"]
}
</script>

<style scoped>
.hotmovielists{
    display: flex;
    position: relative;
    margin-top: 10px;
}
    img{
        width: 64px;
        height: 90px;
    }
    .span{
        width: 60px;
        height: 35px;
        background-color:crimson;
        text-align: center;
        line-height: 35px;
        border-radius: 5px;
        position: absolute;
        top: 20px;
        right: 20px;
        color: white;
    }
    .movieitems{
        color: gray;
    }
    p{
        margin: 3px 0px;
    }
</style>